<template>
  <div class="layout">
    <div class='title'>视频监控</div>
    <div class='subTitle'>
      <Icon type="information-circled"></Icon>
      监控初次加载以及切换需要一定时间，请耐心等待。
    </div>
    <div class="layout-content">
        无视频监控
    </div>
  </div>
</template>
<script>
export default {
  name: 'videoMonitor',
  components: {

  },
  data () {
    return {

    }
  },
  mounted () {
    //
  }
}
</script>
<style>
  .title{
    margin-bottom: 5px;
    font-size:30px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  }
  .subTitle{
    font-size:20px;
    margin-bottom: 10px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  }
  .layout-content{
    border-top:1px solid #ccc;
    padding-top:20px;
    height:500px;
    font-size:22px;
    text-align: center
  }
</style>
